$(function () {
    // 调用 getArticleCateList() 获取文章分类列表
    getArticleCateList();

    /********* 新增文章分类 *********/
    // 点击 添加类别 事件
    //每一种弹层调用方式，都会返回一个index
    var indexAdd = null;
    $('#btnAddCate').on('click', function () {
        indexAdd = layui.layer.open({
            type: 1,
            area: ['500px', '250px'],
            title: '添加文章分类',
            content: $('#dialog-add').html()
        });
    });

    // form-add 是页面中动态生成的 不能直接给其绑定事件
    // 通过 代理 的方式给 form - add 绑定提交事件
    $('body').on('submit', '#form-add', function (e) {
        e.preventDefault();
        $.ajax({
            type: "POST",
            url: "/my/artcate/addcates",
            data: $(this).serialize(),
            success: function (res) {
                layui.layer.msg(res.message);
                // 如果添加成功  
                if (res.status == 0) {
                    // 刷新页面
                    getArticleCateList();
                    // 关闭弹出层
                    layer.close(indexAdd);
                }

            }
        });
    });

    /********* 更新文章分类 *********/
    // 通过 代理 的方式给 btnEdit 按钮 绑定提交事件
    //每一种弹层调用方式，都会返回一个index
    var indexEdit = null;
    $('tbody').on('click', '.btn-edit', function (e) {
        indexEdit = layui.layer.open({
            type: 1,
            area: ['500px', '250px'],
            title: '修改文章分类',
            content: $('#dialog-edit').html()
        });
        var id = $(this).attr('data-id');
        // 发起 ajax 请求获取数据
        $.ajax({
            type: "GET",
            url: "/my/artcate/cates/" + id,
            success: function (res) {
                // layui.layer.msg(res.message);
                // 如果获取成功  
                if (res.status == 0) {
                    // 为表单数据赋值
                    layui.form.val('form-edit', res.data);
                }
            }
        });
    });

    // form-edit 是页面中动态生成的 不能直接给其绑定事件
    // 通过 代理 的方式给 form - edit 绑定提交事件
    $('body').on('submit', '#form-edit', function (e) {
        e.preventDefault();
        $.ajax({
            type: "POST",
            url: "/my/artcate/updatecate",
            data: $(this).serialize(),
            success: function (res) {
                layui.layer.msg(res.message);
                // 如果修改成功
                if (res.status == 0) {
                    // 刷新页面
                    getArticleCateList();
                    // 关闭弹出层
                    layer.close(indexEdit);
                }
            }
        });
    });

    // 修改重置按钮
    $('body').on('click', '#btnReset', function (e) {
        e.preventDefault();
        var id = $('[name=id]').val();
        // 发起 ajax 请求获取数据
        $.ajax({
            type: "GET",
            url: "/my/artcate/cates/" + id,
            success: function (res) {
                // layui.layer.msg(res.message);
                // 如果获取成功  
                if (res.status == 0) {
                    // 为表单数据赋值
                    layui.form.val('form-edit', res.data);
                }
            }
        });
    });

    /********** 删除文章分类 **********/
    // 通过 代理 的方式给 btnDelete 绑定提交事件
    $('tbody').on('click', '.btn-delete', function () {
        var id = $(this).attr('data-id');
        var indexDelete = layui.layer.confirm('确定删除？', { icon: 3, title: '提示' }, function (index) {
            // 发起 ajax 请求获取数据
            $.ajax({
                type: "GET",
                url: "/my/artcate/deletecate/" + id,
                success: function (res) {
                    layui.layer.msg(res.message);
                    // 如果删除成功  
                    if (res.status == 0) {
                        // 刷新页面
                        getArticleCateList();
                    }
                }
            });
            layer.close(indexDelete);
        });
    });
    /********* 获取文章分类列表 *********/
    function getArticleCateList() {
        $.ajax({
            type: "GET",
            url: "/my/artcate/cates",
            success: function (res) {
                layui.layer.msg(res.message);
                // 如果获取成功  
                if (res.status == 0) {
                    // 第一个参数传入 id 不需要加 #
                    var htmlStr = template('tpl-table', res);
                    $('tbody').html(htmlStr);;
                }
            }
        });
    }
});


